<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>订单详情</title>
    <link rel="stylesheet" href="../src/css/bootstrap.min.css">
    <link rel="stylesheet" href="../src/css/font-awesome.min.css">
    <link rel="stylesheet" href="../src/css/style.min.css">
    <script src="../src/js/jquery-3.3.1.min.js"></script>
    <script src="../src/js/bootstrap.min.js"></script>
</head>
<body>
            <section class="content-container">

                <div class="content-wrapper">
                    <div class="bread-crumb">
                        <h5 class="b-inner clearfix">
                            <b class="tit">订单详情</b>
                            <span class="float-right">
                                <button type="button" class="btn btn-primary">提交</button>
                            </span>
                        </h5>

                    </div>
                    <div class="common-order-title"><b class="o-tit">基本信息</b></div>
                    <div class="row">
                        <div class="col-6">
                            <div class="form-group col-9">
                                <label>订单编号：</label>
                                <input type="text" class="form-control" value="21512012121" disabled>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group col-9">
                                <label>下单日期：</label>
                                <input type="text" class="form-control" value="2018-08-22 16:16:13" disabled>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group col-9">
                                <label>收件人：</label>
                                <input type="text" class="form-control" value="周杰伦" disabled>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group col-9">
                                <label>收件电话：</label>
                                <input type="text" class="form-control" value="15812345678" disabled>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group col-9">
                                <label>收件地址：</label>
                                <input type="text" class="form-control" value="福建厦门思明区观音山运营中心188号" disabled>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group col-9">
                                <label>邮政编码：</label>
                                <input type="text" class="form-control" value="361000" disabled>
                            </div>
                        </div>
                    </div>
                    <br />
                    <div class="common-order-title"><b class="o-tit">支付信息</b></div>
                    <div class="row">
                        <div class="col-6">
                            <div class="form-group col-9">
                                <label>支付方式：</label>
                                <input type="text" class="form-control" value="微信支付" disabled>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group col-9">
                                <label>付款时间：</label>
                                <input type="text" class="form-control" value="2018-08-22 16:16:13" disabled>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group col-9">
                                <label>订单总额：</label>
                                <input type="text" class="form-control" value="1680.0元" disabled>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group col-9">
                                <label>实付金额：</label>
                                <input type="text" class="form-control" value="1500.0元" disabled>
                            </div>
                        </div>
                    </div>
                    <br />
                    <div class="common-order-title"><b class="o-tit">分销信息</b></div>
                    <div class="row">
                        <div class="col-6">
                            <div class="form-group col-9">
                                <label>会员提成（现金）：</label>
                                <input type="text" class="form-control" value="¥1125.0" disabled>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group col-9">
                                <label>会员提成（元宝）：</label>
                                <input type="text" class="form-control" value="150个" disabled>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group col-9">
                                <label>上级提成（现金）：</label>
                                <input type="text" class="form-control" value="¥1680.0" disabled>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group col-9">
                                <label>上级提成（元宝）：</label>
                                <input type="text" class="form-control" value="15个" disabled>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="form-group col-9">
                                <label>平台收益：</label>
                                <input type="text" class="form-control" value="¥1500.0元" disabled>
                            </div>
                        </div>
                    </div>
                    <br />
                    <div class="common-order-title"><b class="o-tit">货品信息</b></div>
                    <table class="table table-hover">
                        <thead>
                            <tr class="table-info-bg">
                                <th>

                                </th>
                                <th>
                                    <div class="cell">序号</div>
                                </th>
                                <th>
                                    <div class="cell">商品</div>
                                </th>
                                <th>
                                    <div class="cell">规格品名</div>
                                </th>
                                <th>
                                    <div class="cell">单价</div>
                                </th>
                                <th>
                                    <div class="cell">数量</div>
                                </th>
                                <th>
                                    <div class="cell">金额（元）</div>
                                </th>

                                <th>
                                    <div class="cell">实付金额（元）</div>
                                </th>

                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>
                                    <div class="cell">
                                        <input type="checkbox">
                                    </div>
                                </td>
                                <td>
                                    <div class="cell">
                                        1
                                    </div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <img width="60" src="http://www.taoshua.com/Public/kindeditor/attached/image/20171018/20171018142212_31940.jpg" alt="">
                                    </div>
                                </td>
                                <td>
                                    <div class="cell">初茵7支装，白色</div>
                                </td>
                                <td>
                                    <div class="cell">158.0</div>
                                </td>
                                <td>
                                    <div class="cell">4</div>
                                </td>
                                <td>
                                    <div class="cell">360.00</div>
                                </td>

                                <td>
                                    <div class="cell">
                                        1500.00
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="cell">
                                        <input type="checkbox">
                                    </div>
                                </td>
                                <td>
                                    <div class="cell">
                                        2
                                    </div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <img width="60" src="http://www.taoshua.com/Public/kindeditor/attached/image/20171018/20171018142212_31940.jpg" alt="">
                                    </div>
                                </td>
                                <td>
                                    <div class="cell">初茵7支装，白色</div>
                                </td>
                                <td>
                                    <div class="cell">158.0</div>
                                </td>
                                <td>
                                    <div class="cell">4</div>
                                </td>
                                <td>
                                    <div class="cell">360.00</div>
                                </td>

                                <td>
                                    <div class="cell">
                                        1500.00
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div class="cell">
                                        <input type="checkbox">
                                    </div>
                                </td>
                                <td>
                                    <div class="cell">
                                        3
                                    </div>
                                </td>
                                <td>
                                    <div class="cell">
                                        <img width="60" src="http://www.taoshua.com/Public/kindeditor/attached/image/20171018/20171018142212_31940.jpg" alt="">
                                    </div>
                                </td>
                                <td>
                                    <div class="cell">初茵7支装，白色</div>
                                </td>
                                <td>
                                    <div class="cell">158.0</div>
                                </td>
                                <td>
                                    <div class="cell">4</div>
                                </td>
                                <td>
                                    <div class="cell">360.00</div>
                                </td>

                                <td>
                                    <div class="cell">
                                        1500.00
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                        <tfoot>
                            <tr class="table-info-bg">
                                <th>
                                    <div class="cell">
                                        <input type="checkbox">
                                    </div>
                                </th>
                                <th colspan="8">
                                    <div class="cell">
                                        <div class="form-inline">
                                            <label for="exampleFormControlSelect1" class="mr-3">全选</label>
                                            <select class="form-control" id="exampleFormControlSelect1">
                                                <option>批量操作</option>
                                                <option>删除</option>
                                            </select>
                                        </div>
                                    </div>
                                </th>
                            </tr>
                        </tfoot>
                    </table>
                    <br />
                    <div class="common-order-title"><b class="o-tit">物流信息</b></div>
                    <div class="">
                        物流公司：<span class="text-primary">顺丰快递</span><br />
                        快递单号：<span class="text-primary">154512157812121</span><br />
                        <br />
                        <a href="" class="btn btn-outline-primary btn-sm">查看物流</a>
                    </div>
                </div>

            </section>


    <!-- Modal -->
    <div class="modal fade j-open-insert-form" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">录入物流信息</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="form-group row">
                            <label class="col-sm-3 col-form-label">订单ID：</label>
                            <div class="col-sm-9">
                                <input type="text" readonly class="form-control-plaintext" value="154512121">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-sm-3 col-form-label">订单总价：</label>
                            <div class="col-sm-9">
                                <input type="text" class="form-control" value="158.00元" readonly>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-sm-3 col-form-label">物流公司：</label>
                            <div class="col-sm-9">
                                <select class="form-control">
                                    <option>-请选择-</option>
                                    <option>顺丰快递</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-sm-3 col-form-label">物流单号：</label>
                            <div class="col-sm-9">
                                <input type="text" class="form-control">
                            </div>
                        </div>
                        <div class="form-group row">
                            <label class="col-sm-3 col-form-label">备注：</label>
                            <div class="col-sm-9">
                                <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary">提交</button>
                </div>
            </div>
        </div>
    </div>
<script src="../src/js/menu.js"></script>
<script type="text/javascript" src="../src/js/logout.js"></script>
</body>

</html>